<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册</title>
    <style>
        * {
            padding: 0px;
            margin: 0px;
        }

        .box {
            width: 1920px;
            height: 100px;
            border-bottom: 2px solid #ff6699;
        }

        .box img {

            padding-left: 350px;
            padding-top: 25px;
        }

        .box p {
            padding-left: 1200px;
        }

        .box1 {
            width: 970px;
            height: 600px;
            border: 5px solid #dedede;
            margin: auto;
            margin-top: 75px;
            position: relative;

        }

        .box2 {
            width: 420px;
            border-bottom: 2px solid #ff6699;
            margin-left: 135px;
        }

        .box2 p {
            padding: 30px 0px 10px 10px;

        }


        .box3 {
            width: 360px;
            height: 400px;
            /* border: 1px solid #333; */
            margin: 30px 0px 0px 160px;
            /* 定位 */
            position: relative;

            /* 定位 */
            float: left;

        }

        .box3 input:nth-child(1) {
            width: 350px;
            height: 53px;
            margin: 10px;
            outline: none;
            /* 点击边框时使边框不明显 */
        }

        .box3 input:nth-child(2) {
            width: 220px;
            height: 52px;
            margin: 10px;
            outline: none;
        }

        .box3 img {
            width: 117px;
            height: 40px;
            /* 定位 */
            position: absolute;
            /* 定位 */
            top: 87px;
        }

        .box3 input:nth-child(4) {
            width: 220px;
            height: 52px;
            margin: 10px;
            outline: none;
        }




        .box3 input:nth-child(5) {
            width: 110px;
            height: 30px;
        }

        .box3 input:nth-child(6) {
            width: 350px;
            height: 54px;
            margin: 10px;
            outline: none;
        }

        .box3 input:nth-child(7) {
            margin: 10px;
        }

        .box3 p button {
            width: 350px;
            height: 45px;
            margin: 10px;
            background-color: #ff6699;
            cursor: pointer;
            border: none;
        }

        /* 鼠标移动 */
        .box3 p button:hover {
            /* 鼠标移动 */
            background-color: #b33e3e;
        }

        .box4 {
            width: 270px;
            height: 440px;
            border-left: 2px solid #cccccc;
            float: right;
        }
        .box4 p {
            margin: 45px 0px 0px 40px;
        }

        .box4 img {
            margin: 15px 0px 0px 40px;
        }
        .box5{
                width: 270px;
                height:100px;
                float:right
        }
        .box5 img{
            width: 77px;
                height:77px;
                position:relative;
        }
       .box5 strong{
        font-size: 11px;
        color: #666666;
        position:absolute;
        padding: 11px;
        

       }
       .box5 strong:nth-child(2){
        font-size: 11px;
        color: #666666;
        /* position:absolute; */
        /* padding: 35px; */
        margin-top: 30px;
        

       }
       .box6 strong{
        font-size: 11px;
        color: #666666;
        position:absolute;
        padding: 11px;
        

       }
       .box6 strong:nth-child(2){
        font-size: 11px;
        color: #666666;
        /* position:absolute; */
        /* padding: 35px; */
        margin-top: 50px;
        

       }
    </style>
</head>

<body>
    <div class="box">
        <img src="img/logo1.png">
        <p style="font-size:11px;">你好,欢迎来到中国最大的交易平台 &nbsp;&nbsp;&nbsp;已注册<strong> 请登录</strong></p>
    </div>
    <div class="box1">


        <div class="box2">
            <p style="color:#666666">用户注册</p>
        </div>



        <div class="box3">
            <input type="text" placeholder="手机号：&nbsp;&nbsp;&nbsp;请输入您的手机号">
            <input type="text" placeholder="验证码:&nbsp;&nbsp;&nbsp;图形验证码">
            <img src="img/验证码 .png">
            <input type="text" placeholder="短信验证码:&nbsp;&nbsp;&nbsp;&nbsp;请输入验证码">
            <input type="button" value="获取验证码">
            <input type="password" placeholder="设置密码:&nbsp;&nbsp;&nbsp;&nbsp;6-16个大小写英文字母、符号或数字">
            <input type="checkbox">阅读并同意<strong style="color:blue ;">《珠宝街注册条款》</strong>
            <P> <button>点击注册</button></P>
        </div>
        <div class="box4">
            <p style="font-size :11px;">你可以用以下方式登录：</p>
            <img src="img/QQlogo.png">


            <div class="box5">
              <img src="img/erweima01.png">
              <strong>扫一扫下载手机app随时随地购物 </strong>
              <strong>APP二维码下载</strong>
             </div>

             <div class="box6">
                <img src="img/erweima02.png">
                <strong>珠宝街官方微信</strong>
                <strong>微信扫描二维码活动随时掌握</strong>
               </div>






            </div>


    </div>
</body>

</html>